*{
    margin: 0;
    padding: 0;
}

body{
    background: #c3b8af;
    font-family: '微软雅黑',Arial,serif;
}

.background{
    background: url("../img/JPEGx40.jpg") no-repeat center;
    background-size: cover;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.body{
    border-radius: 10px;
    padding: 20px;
    width: 1400px;
    margin:0 auto 80px auto;
    position: relative;
    top:40px;
    z-index: 1;
    background: rgba(240,233,220,0.95);
    box-shadow:0 0 12px 2px rgba(0,0,0,0.1);
    color:#6f5f5c;
}

.float-clear::after{
    content: '';
    display: block;
    clear:both;
}

.left-box, .right-box {
    float: left;
    height: 100%;
    width: 50%;
}

#editor{
    padding: 10px;
}

#viewer{
    padding: 10px;
}

/*.right-box{*/
    /*overflow: scroll;*/
/*}*/

textarea {
    width: 90%;
    height:900px;
    background: #f7f3e9;
    resize: vertical;
}